<!DOCTYPE html>
<html lang=fr>
<head>
	<meta charset="UTF-8"> 
	<title>Hamster'mind - Formulaire de contact</title>
	
	<!-- This makes IE recognize and use the HTML5 elements -->  
    <!--[if IE]>
    	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

	<style type="text/css" media="all">
		@import "css/mainstyle.css";
		@import "css/formulaire.css";
	</style>
	
	<script src="libs/jquery-1.3.2.min.js" type="text/javascript"></script>
	<script src="js/contact.js" type="text/javascript"></script>
	
</head>
<body>
	<article id="global">
		<header id="header">
			<img src="images/logo.png" id="imglogo" alt="logo missing"/>
			<img src="images/title.png" id="imgtitle" alt="title missing"/>
			<img src="images/hamsteraccroche.png"  id="imgaccroche" alt="hamsteraccroche missing"/>
		</header>
		<nav id="navigation">
			<ul>
				<li><a href="index.html">Accueil</a></li>
				<li class="jouer"><a href="mastermind.html">Hamster'mind!</a></li>
				<li><a href="regles.html">Règles</a></li>
				<li  class="actuel"><a href="contact.html">Contact</a></li>
				<li><a href="credits.html">Crédits</a></li>
			</ul>
		</nav>

		<section id="content">
			<div id="rightcontent"></div>
			<div id="maincontent">
				<h1><abbr>HTML</abbr> 5 Formulaire</h1>
				<form>
					<div class=entry>
						<label for="nom">Nom </label>
						<input id="nom" name="nom" type=text autofocus required>
					</div>

					<div class=entry>
						<label for="mylist">Note subjective</label>
						<input id="mylist" list="mylist" type=text name="liste">
						<datalist id="mylist">
							<option label="Bien" value=1>
							<option label="Tres Bien" value=2>
							<option label="Excellant" value=4>
						</datalist>
					</div>

					<div class=entry>
						<label for="email">Email</label>
						<input id="email" name="email" type=email required placeholder="Votre email ici">
					</div>

					<div class=entry>
						<label for="addrSite">Votre site</label>
						<input id="addrSite" type="url" name="addr">
					</div>

					<div class=entry>
						<label for="dateG">Date de la derniére partie</label>
						<input id="dateG" name="datePartie" type="date">
					</div>
					<br />

					<div class=entry>
						<label for="note">Note du site</label>
						<input id="note"  name=a type=range min=0 max=20 value=12>
						<output name="resultat" onforminput="value=a.value">12</output>
					</div>

					<div class=entry>
						<label for="message">Message</label>
						<textarea id="message" name="message" cols="23" rows="10" required maxlength=255></textarea>
					</div>

					<div class=button>
						<button type=submit>Envoyer</button>
					</div>
				</form>
			</div>
		</section>
		<footer id="footer">
		</footer>
	</article>
</body>

</html>
